page{
    background-color:@pageBg;
   
}

.fixedHead{
    width:100%;
    position:fixed;
    background-color:@blue3;
    height:200px;
    top:0px;
    z-index:0;
    text-align: center;
    letter-spacing:3px;
    color:#cdcd;
    font-size:20px
}
.me{
    position: absolute;
    z-index:2;
    .notic{
        width:95% !important;
        margin: auto;
        border-radius:10px;
        overflow: hidden;
        margin-top:20px;
        box-shadow:0px 0px 10px #eee;
    }
    
    .headblock{
        width:100%;
        height:300px;
        background-color:@blue3;
        color:#fff;
        display: flex;
        position: relative;
        z-index:2;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .userName{
            letter-spacing:2px;
            margin-top:20px;
        }
        .avatar{
            background-color:#fff;
            width:120px;
            height:120px;
            border-radius:50%;
            overflow: hidden;
            font-size:0px;
            border:solid 4px #fff
        }
        .login{
            display: flex;
            position: absolute;
            left:20px;
            background-color: rgba(0, 0, 0, 0.2);
            justify-content: space-around;
            align-items: center;
            border-radius:50px;
            // border:solid 1px rgb(182, 182, 182,0.8);
            box-sizing: border-box;
            font-size:30px;
            position: fixed;
            letter-spacing: 5px;
            font-size:24px;
            font-weight:bold;
            justify-content: center;
            .icon{
                margin-right:10px;
            }
           
           
        }
        .login:active{
            background-color: rgba(0, 0, 0, 0.5);
        }
    }
    .card{
        width:95%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        background:#fff;
        margin:20px auto;
        box-sizing: border-box;
        overflow: hidden;
        border-radius:10px;
        box-shadow:0px 0px 10px #eee;
        
        
        
       
    }
}
.at-list__item::after {
   border:none
}
.at-list__item{
    border-bottom:solid 1px #eee
}
.at-list__item:last-child{
    border:none;
}
